@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */


}
button,div,a{outline:none;}
html {
     font-family: 微软雅黑 !important;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

-webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;


}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1200px;margin: 0 auto;}
.wrap2{width:80%;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}




/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 10;
}
figcaption::before,figcaption::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
figcaption::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figcaption::after {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}


/*手机导航*/
.Side_nav{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms;}
.menuBtn { float:right;width:44px; height: 28px; position:fixed; right:20px;top: 20px;cursor: pointer; z-index: 9999;display: none ;}
.menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background:#a82932;transform-origin:center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 0; }
.menuBtn .burger-2 { top: 12px; }
.menuBtn .burger-3 { bottom: 0; }
.menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
.menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.Side_box {
    background-color: #fff;
    height: 100%;
    max-width: 85%;
    max-width: calc(100% - 64px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
    width: 250px;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
.Side_nav.in .Side_box {-webkit-transform: translateX(0);transform: translateX(0);}
.Side_nav.in { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-list { padding: 57px 0;z-index:1000;}
.menu-list li {  -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal;border-bottom: 1px #bbb9b9 solid; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #333; font-size:16px;padding:1em 0 1em 1em; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
/*手机导航*/
.moblie_head{padding:.5em 1em;position: fixed;left:0;top:0;width: 100%;z-index: 15;background:#fff;display:none;
    -webkit-box-shadow:0px 2px 9px 1px rgba(125, 122, 122,.5);
    -moz-box-shadow:0px 2px 9px 1px rgba(125, 122, 122,.5);
    box-shadow: 0px 2px 9px 1px rgba(125, 122, 122,.5);
}
.moblie_head .logo{width:50%;}
.moblie_head .logo img{max-width: 100%;}


.menu-list .logo2 {margin-bottom: 1em;text-align: center;}
.menu-list .logo2 img {max-width: 85%;}
.menu-list .tel2 {color: #a82932;font-size: 18px;font-weight: 800;}
.menu-list .tel2 a {color: #a82932;}



/*news*/
header{background:#fff;height: 80px;}
header .wrap2{height: 100%;}
header .logo{height: 100%;}
header .logo a{display:block;height: 100%;vertical-align: middle;}
header .logo span{height: 100%;vertical-align: middle;display: inline-block;}
header .logo img{vertical-align: middle;}
header .headR{width: 68%;}
header .nav{width:80%;margin-right: -2%;}
header .nav li{float:left;line-height: 80px;width: 14%;text-align: center;position:relative;z-index: 4;}
header .nav li a{font-size: 16px;color:#aaaaaa;display:block;}
header .nav li.on a,header .nav li:hover a{color:#333333;}
header .nav li:before{ content:""; width:100%; height:4px; position:absolute; left:0; bottom:0; z-index: -1; background-color:#a92a33; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
header .nav li:hover:before,header .nav li.on:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
header .sou{width: 18%;border:1px #aaaaaa solid;border-radius: 24px;overflow:hidden;padding:0 9px;margin-top: 28px;}
header .sou input{height: 24px;border:none;float:left;width: 80%;font-size: 14px;color:#333;}
header .sou a{float:right;width: 20%;height: 24px;text-align: center;line-height: 24px;}


.nybanner{position: relative;}
.nybanner img{display:block;width: 100%;}
.submenu{position: absolute;left:0;bottom:0;width: 100%;background:rgba(255,255,255,.5);text-align: center;line-height: 50px;}
.submenu a{font-size: 16px;color:#333333;font-weight: 800;padding:0 40px;display:inline-block;transition:400ms;}
.submenu a.on,.submenu a:hover{color:#fff;background:#a82a33;}
.nytxt{border:4px #fff solid;position: absolute;text-align: center;font-weight: 800;color:#fff;padding:10px 45px;
    left: 50%;top: 50%;z-index: 10;min-width: 320px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.nytxt h4{font-size: 48px;font-weight: 800;line-height: 48px;margin-bottom: 12px;}
.nytxt p{font-size: 24px;text-transform: uppercase;}



.nycon{background:#f5f5f5;padding:75px 0px;}
.new_list{}
.new_list ul{margin-right: -2%;}
.new_list li{float:left;margin: 0 2% 40px 0;border:1px #dddddd solid;background:#fff;width: 47.8%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.new_list li a{padding:30px;display:block;}
.new_list li .pic{height: 180px;width: 48%;overflow:hidden;}
.new_list li .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.new_list li .txt{height: 180px;width: 48%;position: relative;}
.new_list li .txt .name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 800;color:#333;font-size: 18px;}
.new_list li .txt .con{color:#333333;font-size:12px;margin-top: 15px;}
.new_list li .txt .foot{position: absolute;left:0;bottom:0;width: 100%;}
.new_list li .txt .foot .btn{float:left;width: 128px;height: 38px;background:#b5b5b5;color:#fff;font-size:16px;text-align: center;line-height: 38px;transition:400ms;}
.new_list li .txt .foot .btn span{margin-left: 5px;}
.new_list li .txt .foot .date{float:right;line-height: 38px;color:#aaaaaa;font-size:14px;}
.new_list li:hover .txt .foot .btn{background:#b72025;}
.new_list li:hover{
   -webkit-box-shadow:0px 6px 9px 1px rgba(169,169,169,.5);
    -moz-box-shadow:0px 6px 9px 1px rgba(169,169,169,.5);
    box-shadow: 0px 6px 9px 1px rgba(169,169,169,.5);
}
.new_list li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

/*新闻中心-详细*/
.new_xx{/*padding: 40px 0;*/}
.new_xx_head{color: #222222;font-size: 24px;font-weight: bold;text-align: center;}
.new_xx_data{height: 38px;line-height: 38px;text-align: center;background: #e9e9e9;margin: 30px 0;}
.new_xx_data span{color: #898989;font-size: 16px;margin:0 10px;padding: 0 0 0 24px;}
.new-riqi{background: url(../images/news2_03.jpg) no-repeat left center;}
.new-nabmer{background: url(../images/news_06.png) no-repeat left center;}
.new-name{background: url(../images/news_03.png) no-repeat left center;}

.int-con {font-size: 16px;line-height: 30px;}
.new_xx_txt{}
.new_xx_txt p{font-size: 16px;line-height: 36px;color: #222222;overflow: hidden;}
.new_xx_txt p img{max-width: 100%;}
.new_xx_pag{height: 38px;line-height: 38px;background: #e9e9e9;padding: 0 2%;position: relative;margin-top: 50px;}
.new_xx_pag ul li{height: 38px;line-height: 38px;width: 45%;}
.new_xx_pag ul li a{color: #5d5d5d;display: block;}
.new_xx_pag ul li.prevA{}
.new_xx_pag ul li.nextA{float:right;text-align: right;}
.new_xx_pag ul li.btn{position: absolute;left: 45%;top: 0;height: 38px;line-height: 38px;background:#a7a7a7;width: 10%;text-align: center; }
.new_xx_pag ul li.btn a{color: #fff;}
.new_xx_pag ul li.btn img{margin:14px 10px 0 0;}
.new_xx_pag ul li.prevA a:hover,.new_xx_pag ul li.nextA a:hover{font-weight: bold;color: #e2381f;}



.pag{text-align: center;}
.pag a{height: 28px;line-height: 28px;border:1px #bfbfbf solid;display:inline-table;padding:0 10px;margin:0 5px;background:#fff;}
.pag a:last-child,.pag a:first-child{border-color: #777;}
.pag a:hover{background:#a82a33;border-color: #a82a33;color:#fff;}
.pag .nowpage{height: 28px;line-height: 28px;border:1px #bfbfbf solid;display:inline-table;padding:0 10px;margin:0 5px;background:#a82a33;border-color: #a82a33;color:#fff;}

footer{}
footer .top{background:#e5e5e5;padding:49px 0;}
footer .copy{background:#7d7d7d;line-height: 40px;color:#fff;font-size: 14px;text-align: center;}
footer .copy a{color:#fff;}
footer .top .wrap2{}
footer .top .addre{}
footer .top .addre .logo{margin-bottom: 28px;}
footer .top .addre p{color:#333333;font-size: 14px;padding-left:38px;position: relative;margin:5px 0;}
footer .top .addre p img{position:absolute;left:0;top:0;}
footer .top .R{width: 60%;}
footer .top .R .link{width: 80%;}
footer .top .R .link .item{float:left;width: 16%;}
footer .top .R .link .item h4{font-size: 14px;color:#333333;margin-bottom: 5px;}
footer .top .R .link .item a{font-size: 12px;color:#777777;display:block;line-height: 24px;}
footer .top .R .ewm{text-align: center;}
footer .top .R .ewm img{width: 144px;height: 144px;}
footer .top .R .ewm p{font-size: 14px;color:#333333;}




/*case*/
.case_list{}
.case_list ul{margin-right: -2%;}
.case_list li{float:left;margin: 0 2% 40px 0;width:31.33%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.case_list li .pic{height: 289px;position: relative;overflow:hidden;}
.case_list li .pic .bg{position: absolute;left:-100%;top:0;width: 100%;height: 100%;background:rgba(255,255,255,.5);text-align: center;display:table;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.case_list li .pic .bg span{height: 45px;width: 45px;background:url(../images/jt2.png) no-repeat;display:inline-block;margin-bottom: 15px;}
.case_list li .pic .bg i{font-size: 16px;color:#a82a33;font-style: italic;text-decoration: underline;display: block;}


.case_list li .pic img{display:block;width: 100%;height: 100%;}
.case_list li .txt{height: 100px;background:#fff;}
.case_list li .txt .padd{padding:20px;}
.case_list li .txt h4{font-size: 18px;color:#333333;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list li .txt h4 a{color:#333333;}
.case_list li .txt p{font-size: 16px;color:#777777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list li .txt p span{color: #333;}
.case_list li:hover{
   -webkit-box-shadow:0px 6px 9px 1px rgba(169,169,169,.5);
    -moz-box-shadow:0px 6px 9px 1px rgba(169,169,169,.5);
    box-shadow: 0px 6px 9px 1px rgba(169,169,169,.5);
}
.case_list li:hover .pic .bg{left:0;}
.case_list li:hover .txt h4{font-weight: 800;}
.case_list li:hover .txt h4 a{color:#a82a33;}




/*product*/
.product_list{}
.product_list ul{margin-right: -2%;}
.product_list li{float:left;margin: 0 2% 40px 0;width:31.33%;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.product_list li .pic{height: 290px;position: relative;overflow:hidden;}
.product_list li .pic img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.product_list li .txt{height: 60px;background:#fff;line-height: 60px;padding:0 43px 0 20px;position: relative;font-size: 20px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_list li .txt:before{content:'';position:absolute;right:20px;top:0;height: 100%;width: 23px;background:url(../images/jt3.png) no-repeat center;}
.product_list li:hover{
   -webkit-box-shadow:0px 6px 9px 1px rgba(169,169,169,.5);
    -moz-box-shadow:0px 6px 9px 1px rgba(169,169,169,.5);
    box-shadow: 0px 6px 9px 1px rgba(169,169,169,.5);
}
.product_list li:hover .txt{color:#a82a33;font-weight: 800;}
.product_list li:hover .txt:before{background:url(../images/jt4.png) no-repeat center;}
.product_list li:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.productA_main{}
.pPro-detaBd{ padding-top:0px;}
.pPro-detaBd .t{ font-size:18px; display:block; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:8px;text-align: center;}
.pPro-detaBd .c{ padding-top:25px; color:#555; line-height:28px;}

.pPro-detaBd .c p img{max-width: 100%;}




/*about*/
.about{background:#fff;}
.about .padd{padding:45px 126px;}
.about .top{text-align: center;font-size: 24px;color:#333333;font-weight: 800;margin-bottom: 40px;}
.about .top b{display:block;width: 60px;height: 4px;background:#a82a33;margin:25px auto 0 auto;}
.about p{font-size: 14px;color:#333333;line-height: 36px;}
.about p img{max-width: 100%;}





/*index*/
.banner{position: relative;}
.banner_swiper,.banner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .swiper-slide img{width:100%;display: block;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:66px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width: 60px;height:6px;margin:0 10px;cursor: pointer;background:#fff;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #b72025;}
.banner .arrow-l,.banner .arrow-r{position: absolute;top:45%;width:80px;height:80px;z-index: 10;cursor: pointer;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.banner .arrow-l {background: url(../images/left1.jpg) no-repeat;left:0;}
.banner .arrow-r {background: url(../images/right1.jpg) no-repeat left bottom;right:0;}


.htop{text-align: center;}
.htop h4{font-size: 30px;color:#333333;font-weight: 800;}
.htop b{display:block;width: 60px;height: 4px;background:#a82932;margin: 15px auto;}
.htop .txt{ font-size:16px;color:#333333;line-height: 30px;margin:0 15%;}

.cpshow1{margin-top: 65px;}
.cpshow1_m{margin-top: 43px;margin-right: -2%;}
.cpshow1_m .top{margin-right: -2%;}
.cpshow1_m .top .item{float:left;width: 31.33%;height: 392px;position:relative;margin:0 2% 0 0;}
.cpshow1_m .item .pic,.cpshow1_m .bom .bomL .pic,.cpshow1_m .bom .bomR .item .pic{display:block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;
    transition:200ms;-webkit-transition:200ms;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cpshow1_m .top .item:hover .pic,.cpshow1_m .bom .bomL:hover .pic,.cpshow1_m .bom .bomR .item:hover .pic{width: 98%;height: 98%;}
.cpshow1_m .item:hover,.cpshow1_m .bom .bomL:hover{background:#a82932;}


.cpshow1_m .top .item span,.cpshow1_m .bom .bomL span,.cpshow1_m .bom .bomR .item span{height: 53px;line-height: 53px;padding:0 30px;position: absolute;background:#a82932;color:#fff;font-size: 24px;left:0;top:40px;z-index: 10;}
.cpshow1_m .top .item span:before,.cpshow1_m .bom .bomL span:before,.cpshow1_m .bom .bomR .item span:before{content:'';position: absolute;right:-17px;width: 17px;height: 100%;background:url(../images/tb1.png) no-repeat;background-size: 100% 100%;}
.cpshow1_m .bom{margin-top: 30px;height: 809px;}
.cpshow1_m .bom .bomL{width: 66%;height: 100%;position:relative;}
.cpshow1_m .bom .bomR{width: 32%;height: 100%;}
.cpshow1_m .bom .bomR .item{width: 100%;height: 48%;position: relative;}
.cpshow1_m .bom .bomR>.item+.item{margin-top: 6.8%;}
.cpshow1_m .foot{margin-top: 77px;text-align: center;position: relative;}
.cpshow1_m .foot a{width: 160px;height: 40px;line-height: 40px;text-align: center;background:#a82932;color:#fff;font-size: 18px;display:inline-block;position: relative;z-index: 10;}
.cpshow1_m .foot:before{content:'';position:absolute;left:0;top:50%;width: 100%;height: 0;border-bottom: 1px #e5e5e5 dashed;z-index: 1;}


.cashow{margin-top: 56px;background: url(../images/h3_11.png) no-repeat;padding:60px 0;}
.cashow .top{text-align: center;}
.cashow .top h2{font-size: 48px;color:#fff;text-transform: uppercase;}
.cashow .top p{font-size:30px;color:#fff;letter-spacing: 15px;}
.cashow .top b{display:block;width: 88px;height: 4px;background-color: #b72025;margin:18px auto 0;}
.cashow .bom{margin-top: 50px;}
.cashow .bom .wrap2{position: relative;}
.cashow_swiper,.cashow_swiper .swiper-slide{width:100%;}
.cashow_swiper,.cashow_swiper .swiper-wrapper,.cashow_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.cashow_swiper .swiper-slide img{width:100%;display: block;}
.cashow .arrow-l1,.cashow .arrow-r1{position: absolute;top:45%;width:30px;height:49px;z-index: 10;cursor: pointer;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.cashow .arrow-l1 {background: url(../images/left2.png) no-repeat;left:-70px;}
.cashow .arrow-r1 {background: url(../images/right2.png) no-repeat;right:-50px;}
.cashow_swiper .swiper-slide a{display:block;padding-right: 18px;}
.cashow_swiper .top{height: 84px;background: #dcdcdc;line-height: 84px;font-size: 24px;color:#000000;padding:0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 9px 9px 0 0;transition:400ms;}
.cashow_swiper .main{background:#fff;padding:23px 40px 45px;border-radius: 0 0 9px 9px;}
.cashow_swiper .main .pic{width: 141px;height: 141px;border-radius: 141px;margin:0 auto 35px;}
.cashow_swiper .main .pic img{width:100%;display: block;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.cashow_swiper .main .txt{text-align: center;color:#aaaaaa;font-size: 24px;}
.cashow_swiper .main .txt strong{font-size: 60px;color:#333333;font-weight: 800;}
.cashow_swiper .swiper-slide:hover .top{background:#a82932;color:#fff;}
.cashow_swiper .swiper-slide:hover .txt strong{color:#a82932;}
.cashow_swiper .swiper-slide:hover .pic img{
  transform:scale(.8,.8);
  -webkit-transform:scale(.8,.8);
  -moz-transform:scale(.8,.8);
  -o-transform:scale(.8,.8);
}


.cpshow2{padding:60px 0;}
.cpshow2 .main{margin-top: 50px;margin-right: -1.5%;}
.cpshow2 .main .item{height: 593px;width: 48.5%;position: relative;float:left;margin:0 1.5% 29px 0;}
.cpshow2 .main .item .pic{display:block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;}
.cpshow2 .main .item figcaption{z-index: 5;}
.cpshow2 .cptxt1{position: absolute;left:0;top:70px;text-align: center;width: 100%;z-index: 8; transition:400ms;}
.cpshow2 .cptxt1 h4{color:#000000;font-size: 36px;font-weight: 800;margin-bottom: 20px;}
.cpshow2 .cptxt1 a{color:#a82932;font-size: 18px;padding-right: 32px;position: relative;text-decoration: underline;}
.cpshow2 .cptxt1 a img{position: absolute;right:0;bottom:0;transition:400ms;-webkit-transition:400ms;}
.cpshow2 .main .item a:hover img{right:-5px;}

.cpshow2 .cptxt2{position: absolute;left:0;bottom:70px;text-align: center;width: 100%;z-index: 8; transition:400ms;}
.cpshow2 .cptxt2 h4{color:#fff;font-size: 36px;font-weight: 800;margin-bottom: 20px;padding:0 5%;
text-shadow: 5px 5px 5px rgba(49,49,49,.5);
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.cpshow2 .cptxt2 a{color:#fff;font-size: 18px;padding-right: 32px;position: relative;text-decoration: underline;}
.cpshow2 .cptxt2 a img{position: absolute;right:0;bottom:0;}


.cpshow2 .main .item:hover figcaption::before,.cpshow2 .main .item:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.cpshow2 .main .item:hover .cptxt1{top:45%;}
.cpshow2 .main .item:hover .cptxt2{bottom:45%;}